<!--
@ 作者: 阿拉丁矿工 黄传鸿 <hchhyzc@foxmail.com> h_center_down_view 
-->
<template>
    <div class="h_layout_middle_top_view">
        <slot></slot>
    </div>
</template>

<script setup lang="ts">

/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
// 🐸 引入存储
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
import { storeToRefs } from "pinia";
import { useEditorStore } from "@/store"; // 画布


/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
// 🐸 使用存储
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
const myStore = useEditorStore(); // 画布
// 解构-存储
let { } = storeToRefs(myStore);



/* ================================================================================================ */
//                                函数 ★
/* ================================================================================================ */


</script>

<style lang="scss" scoped>
// 下部导航按钮
.h_layout_middle_top_view {
    margin: 0px;
    padding: 0px;
    height: 30px;
    width: 100%;
    user-select: none;
    background-color: rgb(0, 0, 0);
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
</style>